import { StyleSheet } from 'react-native';
import { windowWidth } from '../../comconfig/screen';

const styles = StyleSheet.create({
    userInfo: {
        backgroundColor: '#FFF',
        minHeight: 100,
        borderRadius: 5,
        borderRightWidth: 2,
        borderBottomWidth: 3,
        borderColor: '#9CDCFE',
        padding: 5,
    },
    function: {
        backgroundColor: '#FFF',
        minHeight: 100,
        borderRadius: 5,
        borderRightWidth: 2,
        borderBottomWidth: 3,
        borderColor: '#9CDCFE',
        flexDirection: 'row',
        padding: 5,
    },
    title: {
        fontSize: 22,
        color: '#0079FF',
        fontWeight: '600',
    },
    dataFont: {
        fontSize: 16,
        color: '#0079FF',
    },
    row: {
        alignItems: 'flex-end',
        flexDirection: 'row',
    },
    userRow: {
        alignItems: 'flex-end',
        flexDirection: 'row',
        marginRight: 40,
    },
    workTime: {
        alignItems: 'flex-end',
        flexDirection: 'row',
        marginLeft: 15,
    },
    delspace: {
        marginTop: 5,
        alignItems: 'flex-end',
        flexDirection: 'row',
        justifyContent: 'space-around',
    },
    blackboard: {
        textAlignVertical: 'top',
        marginTop: 55,
        margin: 40,
        paddingLeft: 10,
        paddingRight: 10,
        fontSize: 26,
        color: '#FFF',
        height: 120,
    },
    editText: {
        position: 'absolute',
        top: 20,
        left: windowWidth * 0.85,
        transform: [{ rotateY: '180deg' }],
        zIndex: 9999,
    },
});

export default styles;
